{% extends 'base_detail.html' %}

{% block title %}
<title>{{post.author|default:"Cihon"}} &amp; Weekly</title>
{% endblock title %}

{% block head %}
<h1><a href="{{post.get_author_url}}"><b>{{post.author|default:"Cihon"}}</b> &amp; Weekly</a></h1> 
{% endblock head %}

{% block toc %}
    <div class="widget widget-content">
        <h3 class="widget-title">周报目录</h3>
        {{post.toc|safe}}
    </div>
{% endblock toc %}

{% block main %}
    <article class="post post-{{ post.pk }}">
      <header class="entry-header">
        <h1 class="entry-title">{{ post.title }}</h1>
        <div class="entry-meta">
          <span class="post-category"><a href="#">{{ post.category.name }}</a></span>
          <span class="post-date"><a href="#"><time class="entry-date"
                                                    datetime="{{ post.created_time }}">{{ post.created_time }}</time></a></span>
          <span class="post-author"><a href="#">{{ post.author }}</a></span>
          <span class="comments-link"><a href="#">{{ comment_list|length }}评论</a></span>
          <span class="views-count"><a href="#">{{post.views}}阅读</a></span>
        </div>
      </header>
      <div class="entry-content clearfix">
        {{ post.body|safe }}
      </div>
    </article>
    

{% endblock main %}

{% block comment %}
<section class="comment-area">
      <form action="{% url 'comments:post_comment' post.pk %}" method="post" class="comment-form">
      {% csrf_token %}
      <div class="row">
        <div class="col-md-4">
          <label for="{{ form.name.id_for_label }}">名字：</label>
          {{ form.name }}
          {{ form.name.errors }}
        </div>
        <div class="col-md-12">
          <label for="{{ form.text.id_for_label }}">评论：</label>
          {{ form.text }}
          {{ form.text.errors }}
          <button type="submit" class="comment-btn">发表</button>
        </div>
      </div>    <!-- row -->
    </form>
    </section>

    <div class="comment-list-panel">
      <h3>评论列表，共 <span>{{ comment_list|length }}</span> 条评论</h3>
      <ul class="comment-list list-unstyled">
        {% for comment in comment_list %}
        <li class="comment-item">
          <span class="nickname">{{ comment.name }}</span>
          <time class="submit-date">{{ comment.created_time }}</time>
          <div class="text">
            {{ comment.text }}
          </div>
        </li>
        {% empty %}
        暂无评论
        {% endfor %}
      </ul>
    </div>
{% endblock comment%}
